<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

    <li th:if="${#lists.isEmpty(dataMap['list'])}" id="no-data-li">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，暂无课程数据，小编正在整理中</p>
        </section>
    </li>

    <li th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="teacher : ${dataMap['list']}" class="item-content">
        <div class="item-media">
            <aside class="teacher-pic__wrap" >
               <a th:href="@{/mobile/teacher/teacherInfo?teacherId={teacherId}(teacherId=${teacher['id']})}">
                   <img class="wm-img"  th:attr="data-src=${teacher['imageMap']['mobileUrlMap']['large']}" th:attrappend="src=@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="" >
               </a>
            </aside>
        </div>
        <div class="item-inner h-item-inner">
            <div class="item-title">
                <span th:if="${teacher['isQuestion']==1}" class="fs6 c-red vam">[问答专家]</span>
                <a class="lecture-time vam" th:href="@{/mobile/teacher/teacherInfo?teacherId={teacherId}(teacherId=${teacher['id']})}" th:text="${teacher['teacherName']}"></a>
                <div th:if="${teacher['isQuestion']==1}">
                    <span th:if="${teacher['questionFee']} > 0" class="wm-price" th:text="'￥'+ ${teacher['questionFee']} +'/次'"></span>
                    <span th:if="${teacher['questionFee']} <= 0" class="wm-price-free"><small>免费 </small></span>
                </div>
                <div class="wm-attr-wrap row" th:if="${teacher['isQuestion']==1}">
                    <aside class="col-auto">
                        <span class="wm-txt-small c-bbb" th:text="'学生数：' + ${teacher['userNum']}"></span>
                    </aside>
                    <aside class="col-auto">
                        <span class="wm-txt-small c-bbb" th:text="'问题数：' + ${teacher['questionNum']}"></span>
                    </aside>
                </div>
                <div class="wm-attr-wrap row" th:if="${teacher['isQuestion']==0}">
                    <aside class="col-auto">
                        <span class="wm-txt-small c-bbb" th:text="'课程数：' + ${teacher['courseNum']}"></span>
                    </aside>
                </div>
                <div class="wm-attr-wrap row">
                    <aside class="col-auto">
                        <span class="wm-txt-small" th:text="${#strings.abbreviate(teacher['depict'],15)}"></span>
                    </aside>
                </div>
            </div>
            <div th:if="${teacher['isQuestion']==1}" class="item-after item-quiz">
                <a href="javascript:void(0);" th:attr="data-id=${teacher['id']},data-isQuestion=${teacher['isQuestion']},data-questionFee=${teacher['questionFee']},data-name=${teacher['teacherName']}" class="button button-fill button-round button-danger toQuestionPopBtn"> 提 问 </a>
            </div>
        </div>
    </li>
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
</html>
